<!--    表示当前文档是html5版本,让浏览器使用h5的规范解析-->
<!DOCTYPE html>
<!-- lang="en" 表示默认语言是English   zh表示中文-->
<html lang="en">
<!-- 网页头部,存放一些配置信息-->
<head>
<!--    配置编码,为了认识中文字符-->
    <meta charset="UTF-8">

<!--   配置网页的标题! -->
    <title>我是网页标题</title>
</head>
<!--  网页展示的内容 -->
<body>
     第一个网页的内容
<!-- b 标签的作用是加粗 -->
    <b>加粗文字</b>
    <s>删除线文字</s>
<!-- i标签的作用是字体打斜 -->
    <i>斜体文字</i>

<!-- u 标签的作用是添加下划线-->
    <u>下划线文字</u>

<!-- &nbsp;表示ide是空格  -->
    <mark>高亮&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;标记文字</mark>

<!-- <br> 换行标签 -->
 <br>

<!--
    &lt;转移符号,在页面表示一个小于号 <
    &gt;转义符号,在页面表示一个大于号 >
-->
    我最喜欢&lt;tom&gt;写的静夜思

<!-- 2. 标题字-->
    <h1>一级标题</h1>

<!--  4 级标题的字体跟普通文本一样大小-->
    <h4>四级标题</h4>

<!-- 最多有6级标题-->
    <h6>十级标题</h6>

<!-- 段落标签-->
    <p>吃葡萄不吐葡萄皮</p>
    <p>吃葡萄不吐葡萄皮</p>
    <p>吃葡萄不吐葡萄皮</p>

<!-- 生成假文,先写lorem 再按Tab补全-->
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. A accusamus, accusantium architecto, cumque dolor doloremque eveniet id itaque laudantium magni minima molestiae neque non officiis repellat tempore veniam? Fugiat, fugit.</p>

     <!--生成一条水平的灰色分割线-->
     <hr>

<!-- 4.有序列表  List-->
    <ol type="1">
        <li>把冰箱门打开</li>
        <li>把大象塞进去</li>
        <li>把冰箱门关上</li>
    </ol>

<!-- 5. 无序列表 unordered list  前边没有序号-->
<!--   type="none" 去掉无序列表前边的无心圆  -->
    <ul type="none">
        <li>《Think in java》</li>
        <li>《Java从入门到精通》</li>
        <li>《颈椎康复指南》</li>
    </ul>
</body>
</html>